@charset "utf-8";
@import "reset";
.wrap {
    .box {
        padding: vw(149) vw(80) vw(148);
        .smallBox {
            width: vw(590);
            height: vw(839);
            background-color: rgba($color: #ffffff, $alpha: 0.5);
            // opacity: 0.5;
            .uname {
                input {
                    text-align: center;
                    width: vw(264);
                    height: vw(45);
                    line-height: vw(45);
                    margin-left: vw(26);
                    border: none;
                    border-bottom: thin solid;
                    outline: none;
                    font-size: vw(45);
                    display: inline-block;
                }
            }
            .font {
                margin: vw(66) vw(28) vw(60) vw(28);
                font-size: vw(26);
                font-weight: bolder;
            }
            .QR {
                margin: 0 vw(163);
                width: vw(265);
                height: vw(265);
                background-color: pink;
            }
            .save {
                text-align: center;
                margin: vw(20) 0 vw(48);
                button {
                    width: vw(187);
                    height: vw(57);
                    border-radius: vw(50);
                    background-color: #ffffff;
                    font-size: vw(34);
                    color: #0075c1;
                    // border: none;
                }
            }
            .footer {
                margin: vw(66) vw(28) vw(60) vw(28);
                font-size: vw(26);
                font-weight: bolder;
            }
        }
    }
}